@include("home.layouts.header")
<!-- 头部 end -->
<!-- 头部 end -->
<div class="banner">
    @foreach($banner_list as $item)
    <div class="item" style="background-image: url({{ $item }});"></div>
    @endforeach
</div>
<div class="main">
    <!-- 关于金台 -->
    <div class="row-01">
        <div class="g-tit_c">
            <h3>关于{{ $setting['name'] }}</h3>
        </div>
        <div class="wp1">
            <div class="about" style="background-image: url({{ $about['images'][0] }});">
                <div class="txt">
                    <h3>{{ $setting['name'] }}<i></i></h3>
                    <div class="desc">
                        {!! $about['content'] !!}
                    </div>
                    <a href="/about/index" class="more-zs">查看详情 &gt;</a>
                </div>
            </div>
        </div>
    </div>
    <!-- 金台荣誉 -->
    <div class="row-02">
        <div class="g-tit_c">
            <h3>发展历程</h3>
        </div>
        <div class="course-intro">
            <div class="wp1">
                <div class="course-after">
                    <ul class="course-list TAB_CLICK-01" id=".tab_content01">
                        @foreach($course_list['data'] as $key => $val)
                        <li> <a href="/course/detail?id={{ $val['id'] }}" target="_blank">
                                <div class="desc">
                                    {{ $val['title'] }}
                                </div>
                                <div class="time">
                                    {{ $val['date'] }}年
                                </div> </a> </li>
                        @endforeach
                    </ul>
                </div>
                <div class="course-pic">
                    @foreach($course_list['data'] as $key => $val)
                    <div class="item tab_content01" style="display: block;">
                        <div class="pic">
                            <i></i>
                            <img src="{{ $val['images'][0] }}" alt="">
                        </div>
                    </div>
                    @endforeach
                </div>
            </div>
        </div>
    </div>
    <!-- 业务领域 -->
    <div class="row-03">
        <div class="g-tit_c">
            <h3>业务领域</h3>
        </div>
        <div class="wp1">
            <div class="business">
                @foreach($business['data'] as $key=>$val)
                <div class="item">
                    <a href="/business/list?class_id={{ $val['id'] }}">
                        <div class="icon">
                            <div class="txt">
                                <div class="tit">
                                    {{ $val['class_name'] }}
                                </div>
                            </div>
                            <div class="pic">
                                <img src="{{ $val['images'][0] }}" alt="">
                            </div>
                        </div> </a>
                </div>
                @endforeach
            </div>
            <a href="/business/index" class="more-link"><span>更多</span></a>
        </div>
    </div>
    <!-- 律师团队 -->
    <div class="row-04" style="background-image:url(/static/images/row-team-bg.jpg)">
        <div class="g-tit_c">
            <h3>律师团队</h3>
        </div>
        <div class="wp1 list_team">
            <div class="lawyers-team">
                <div class="team-tit TAB_CLICK-a" id=".tab_content0a">
                    <!--按照团队职位遍历-->
                    <div class="team">
                        合伙人
                    </div>
                    <div class="team">
                        律师
                    </div>
                </div>
                <div class="item-list-content">
                    <div class="tab_content0a">
                        <div class="item-list-box">
                            <div class="item-list swiper-container1 ">
                                <div class="swiper-wrapper">
                                    @foreach($lawyer_list['data'] as $key => $val)
                                    <div class="swiper-slide item">
                                        <a href="/lawyer/detail?id={{ $val['id'] }}">
                                            <div class="icon">
                                                <div class="pic">
                                                    <img src="{{ $val['images'] }}">
                                                </div>
                                                <div class="txt">
                                                    <div class="name">
                                                        {{ $val['name'] }}
                                                    </div>
                                                </div>
                                            </div> </a>
                                    </div>
                                    @endforeach
                                </div>
                                <div class="swiper-arrow swiper-button-next swiper-button-next1"></div>
                                <div class="swiper-arrow swiper-button-prev swiper-button-prev1"></div>
                            </div>
                        </div>
                    </div>
                    <div class="tab_content0a">
                        <div class="item-list-box">
                            <div class="item-list swiper-container1 ">
                                <div class="swiper-wrapper">
                                    @foreach($lawyer['data'] as $key => $val)
                                    <div class="swiper-slide item">
                                        <a href="/lawyer/detail?id={{ $val['id'] }}" class="s_con">
                                            <div class="icon">
                                                <div class="pic">
                                                    <img src="{{ $val['images'] }}" alt="">
                                                </div>
                                                <div class="txt">
                                                    <div class="name">
                                                        {{ $val['name'] }}
                                                    </div>
                                                </div>
                                            </div> </a>
                                    </div>
                                    @endforeach
                                </div>
                                <div class="swiper-arrow swiper-button-next swiper-button-next1"></div>
                                <div class="swiper-arrow swiper-button-prev swiper-button-prev1"></div>
                            </div>
                        </div>
                    </div>
                    <div class="tab_content0a">
                        <div class="item-list-box">
                            <div class="item-list swiper-container1 ">
                                <div class="swiper-wrapper">
                                </div>
                                <div class="swiper-arrow swiper-button-next swiper-button-next1"></div>
                                <div class="swiper-arrow swiper-button-prev swiper-button-prev1"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <a href="/lawyer/index" class="more-link m1"><span>更多</span></a>
    </div>
    <!-- 新闻资讯 -->
    <div class="row-05">
        <div class="g-tit_c">
            <h3>新闻资讯</h3>
        </div>
        <div class="wp1">
            <div class="row-news-box">
                <ul class="row-news c_flt">
                    @foreach($news_list as $key => $val)
                    <li> <a href="/news/detail?id={{ $val['id'] }}">
                            <div class="icon">
                                <div class="pic">
                                    <img src="{{ $val['images'][0] }}">
                                </div>
                                <!---->
                                <div class="intro">
                                    <div class="time">
                                        <div class="mo">
                                            {{ date("m月", strtotime($val['created_at'])) }}
                                        </div>
                                        <div class="da">
                                            {{ date("d日", strtotime($val['created_at'])) }}
                                        </div>
                                    </div>
                                    <div class="desc">
                                        <div class="txt">
                                            {{ $val['title'] }}
                                        </div>
                                    </div>
                                    <i></i>
                                </div>
                            </div> </a> </li>
                    @endforeach
                </ul>
            </div>
        </div>
        <a href="/news/index" class="more-link"><span>更多</span></a>
    </div>
</div>
<!-- 底部 -->
<div class="footer">
    <div class="wp1">
        <div class="ftt">
            <div class="ftt_l">
                <div class="tel">
                    <a href="tel:{{ $setting['phone'] }}">
                        <div class="pic">
                            <img src="/static/images/phone.png" alt="">
                        </div>
                        <div class="phonebox">
                            <span class="num">{{ $setting['phone'] }}</span>
                        </div> </a>
                </div>
                <div class="adress">
                    <p>传真：{{ $setting['fax'] }}</p>
                    <a href="mailto:{{ $setting['email'] }}"> <p>邮箱：{{ $setting['email'] }}</p> </a>
                    <p>地址：{{ $setting['address'] }}</p>
                </div>
            </div>
            <style>

                .bizmail_loginpanel h3 {
                    padding-bottom: 5px;
                    margin: 0 0 5px 0;
                    border-bottom: 1px solid #cccccc;
                    font-size: 14px;
                }

                .bizmail_loginpanel form {
                    margin: 0;
                    padding: 0;
                }

                .bizmail_loginpanel input.text {
                    font-size: 12px;
                    width: 100px;
                    height: 20px;
                    margin: 0 2px;
                    border: 1px solid #C3C3C3;
                    border-color: #7C7C7C #C3C3C3 #C3C3C3 #9A9A9A;
                }

                .bizmail_loginpanel .bizmail_column {
                    height: 28px;
                }

                .bizmail_loginpanel .bizmail_column label {
                    display: block;
                    float: left;
                    width: 30px;
                    height: 24px;
                    line-height: 24px;
                    font-size: 12px;
                }

                .bizmail_loginpanel .bizmail_column .bizmail_inputArea {
                    float: left;
                    width: 240px;
                }

                .bizmail_loginpanel .bizmail_column span {
                    font-size: 12px;
                    word-wrap: break-word;
                    margin-left: 2px;
                    line-height: 200%;
                }

                .bizmail_loginpanel .bizmail_SubmitArea {
                    margin-left: 30px;
                    clear: both;
                }

                .bizmail_loginpanel .bizmail_SubmitArea a {
                    font-size: 12px;
                    margin-left: 5px;
                }

                .bizmail_loginpanel select {
                    width: 110px;
                    height: 20px;
                    margin: 0 2px;
                }
            </style>
        </div>
        <div class="ftb">
            <div class="ftb_l" style="text-align:center">
                <p> <a href="https://beian.miit.gov.cn/" target="_blank" title="{{ $setting['name'] }}">Copyright © 鲁ICP备18035187号</a> {{ $setting['name'] }} </p>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript" src="/static/js/outerlogin.js" charset="gb18030"></script>
<script type="text/javascript">
    writeLoginPanel({
        domainlist: "",
        mode: "vertical"
    });


    $(".ftt_auto").append($('#divLoginpanelVer'))
    console.log(document.getElementById('divLoginpanelVer'))
</script>
<!-- 底部 end -->
<link rel="stylesheet" href="static/css/slick.css">
<script src="static/js/slick.min.js"></script>
<link rel="stylesheet" href="static/css/swiper.css">
<script src="static/js/swiper.min.js"></script>
<script>
    $(function() {

        var win_w = $(window).width();
        var win_h = $(window).height();
        var h1 = $('.header').height();
        if(win_w > 1199) {
            $('.banner .item').css('height', win_h - h1);
        };
        $('.banner').slick({
            dots: true,
            slidesToShow: 1,
            autoplay: true,
            autoplaySpeed: 3000,
            // fade:true,
            arrows: false,
            speed: 500,
            cssEase: 'linear'
        });
        $('.business').slick({
            dots: true,
            arrows: false,
            rows: 2,
            slidesPerRow: 4,
            responsive: [{
                breakpoint: 1199,
                settings: {
                    rows: 2,
                    slidesPerRow: 3,
                }
            },
                {
                    breakpoint: 767,
                    settings: {
                        rows: 2,
                        slidesPerRow: 2,
                    }
                }

            ]
        });

        var swiper = new Swiper('.swiper-container1', {
            slidesPerView: 'auto',
            spaceBetween: 0,
            navigation: {
                nextEl: '.swiper-button-next1',
                prevEl: '.swiper-button-prev1',
            },
        });
        var swiper = new Swiper('.swiper-container2', {
            slidesPerView: 'auto',
            spaceBetween: 0,
            navigation: {
                nextEl: '.swiper-button-next2',
                prevEl: '.swiper-button-prev2',
            },
        });
        var swiper = new Swiper('.swiper-container3', {
            slidesPerView: 'auto',
            spaceBetween: 0,
            navigation: {
                nextEl: '.swiper-button-next3',
                prevEl: '.swiper-button-prev3',
            },
        });

    });
</script>
<link rel="stylesheet" href="static/css/slick.css">
<script src="static/js/slick.min.js"></script>
<link rel="stylesheet" href="static/css/swiper.css">
<script src="static/js/swiper.min.js"></script>
<script>
    $(function() {

        var win_w = $(window).width();
        var win_h = $(window).height();
        var h1 = $('.header').height();
        if (win_w > 1199) {
            $('.banner .item').css('height', win_h - h1);
        };
        $('.banner').slick({
            dots: true,
            slidesToShow: 1,
            autoplay: true,
            autoplaySpeed: 3000,
            // fade:true,
            arrows: false,
            speed: 500,
            cssEase: 'linear'
        });
        $('.business').slick({
            dots: true,
            arrows: false,
            rows: 2,
            slidesPerRow: 4,
            responsive: [{
                breakpoint: 1199,
                settings: {
                    rows: 2,
                    slidesPerRow: 3,
                }
            },
                {
                    breakpoint: 767,
                    settings: {
                        rows: 2,
                        slidesPerRow: 2,
                    }
                }

            ]
        });

        var swiper = new Swiper('.swiper-container1', {
            slidesPerView: 'auto',
            spaceBetween: 0,
            loop: true,
            loopFillGroupWithBlank: true,
            navigation: {
                nextEl: '.swiper-button-next1',
                prevEl: '.swiper-button-prev1',
            },
        });
        var swiper = new Swiper('.swiper-container2', {
            slidesPerView: 'auto',
            spaceBetween: 0,
            navigation: {
                nextEl: '.swiper-button-next2',
                prevEl: '.swiper-button-prev2',
            },
        });
        var swiper = new Swiper('.swiper-container3', {
            slidesPerView: 'auto',
            spaceBetween: 0,
            navigation: {
                nextEl: '.swiper-button-next3',
                prevEl: '.swiper-button-prev3',
            },
        });


    });
</script>
</body>
</html>